﻿/*
 * Code from: http://acidmartin.wordpress.com/2011/09/26/css3-treevew-no-javascript/
 */
.treeview ul,
.treeview li
{
	padding: 0;
	margin: 0;
	list-style: none;
}

.treeview input
{
	position: absolute;
	opacity: 0;
}

.treeview
{
	font: normal 11px "Segoe UI", Arial, Sans-serif;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

.treeview a
{
	color: #000;
	text-decoration: none;
	overflow: hidden;
   text-overflow: ellipsis;
   -o-text-overflow: ellipsis;
   white-space: nowrap;
}

.treeview a:hover
{
	text-decoration: underline;
}

.treeview input + label + ul
{
	margin: 0 0 0 22px;
}

.treeview input ~ ul
{
	display: none;
}

.treeview label,
.treeview label::before
{
	cursor: pointer;
}

.treeview input:disabled + label
{
	cursor: default;
	opacity: .6;
}

.treeview input:checked:not(:disabled) ~ ul
{
	display: block;
}

.treeview label,
.treeview label::before
{
	background: url("../img/icons.png") no-repeat;
}

.treeview label,
.treeview a,
.treeview label::before
{
	display: inline-block;
	height: 16px;
	line-height: 16px;
	vertical-align: middle;
}

.treeview label
{
	background-position: 18px 0;
	overflow: hidden;
   text-overflow: ellipsis;
   -o-text-overflow: ellipsis;
   white-space: nowrap;
}

.treeview label::before
{
	content: "";
	width: 16px;
	margin: 0 22px 0 0;
	vertical-align: middle;
	background-position: 0 -32px;
}

.treeview input:checked + label::before
{
	background-position: 0 -16px;
}

/* webkit adjacent element selector bugfix */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
	.treeview 
	{
		-webkit-animation: webkit-adjacent-element-selector-bugfix infinite 1s;
	}
	
	@-webkit-keyframes webkit-adjacent-element-selector-bugfix 
	{
		from 
		{ 
			padding: 0;
		} 
		to 
		{ 
			padding: 0;
		}
	}
}

.tt
{
	border-bottom: 1px dotted #000000; color: #000000; outline: none;
	cursor: help; text-decoration: none;
	position: relative;
}

.tt span
{
	margin-left: -999em;
	position: absolute;
}

.tt:hover span
{
	border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	position: absolute; left: 1em; top: 2em; z-index: 99;
	margin-left: 0; width: 250px;
	text-decoration:none;
	color:black;
}

.tt:hover img
{
	border: 0; margin: -10px 0 0 -55px;
	float: left; position: absolute;
}

.tt:hover em
{
	font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
	display: block; padding: 0.2em 0 0.6em 0;
	text-decoration:none;
	color:black;
}

.tt a:hover
{
	text-decoration:none;
	color:black;
}

.classic { padding: 0.8em 1em; }

.custom { padding: 0.5em 0.8em 0.8em 2em;}

* html a:hover { background: transparent;}

.classic {background: #FFFFAA; border: 1px solid #FFAD33; text-decoration:none;}

.critical { background: #FFCCAA; border: 1px solid #FF3334;}

.help { background: #9FDAEE; border: 1px solid #2BB0D7;}

.info { background: #9FDAEE; border: 1px solid #2BB0D7;}

.warning { background: #FFFFAA; border: 1px solid #FFAD33;}